<template>
  <div class="dlHeader">
      <!-- 头部组件 -->
      <input v-model="dlInt" placeholder="请输入并添加任务" @keyup.enter='dlGet()'/>
  </div>
</template>

<script>
export default {
    data(){
        return{
            dlInt:''
        }
    },
    methods:{
        // 键盘事件的方法
        dlGet(){
            // 判空
            if(this.dlInt==''){
                alert('请输入内容')
                return false
            }
            // 创建一个对象  方便传送
            var obj = {int:this.dlInt,flag:false,dlshow:false}
            // 使用方法加入到vuex
            this.$store.commit('dlGet',obj)
        }
    }
}
</script>

<style lang='scss'>
.dlHeader{
    input{
        width:300px;
        height:40px;
    }
}

</style>